<%--
  Created by IntelliJ IDEA.
  User: ouyu
  Date: 2018/5/15
  Time: 13:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
    <title>${Title}</title>
</head>
<link rel="stylesheet" href="${domainStaticUrl}/css/GalMenu.css">
<body>
<div class="GalMenu GalDropDown">
    <div class="circle" id="gal">
        <div class="ring">
            <a href="/" title="Home" class="menuItem">Home</a>
            <a href="#" title="Blog" class="menuItem">Blog</a>
            <a href="/resume/" title="About" class="menuItem">基本信息</a>
            <a href="#" title="Contact" class="menuItem">求职意向</a>
            <a href="#" title="Social" class="menuItem">工作经历</a>
            <a href="#" title="Other" class="menuItem">技能掌握</a>
            <a href="#" title="me" class="menuItem">自我评价</a></div>
    </div>
</div>
<div id="overlay" style="opacity: 1; cursor: pointer;"></div>
<script type="text/javascript">
    var items = document.querySelectorAll('.menuItem');
    for (var i = 0,
             l = items.length; i < l; i++) {
        items[i].style.left = (50 - 35 * Math.cos( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%";
        items[i].style.top = (50 + 35 * Math.sin( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%"
    }
</script>
</body>
<script src="${domainStaticUrl}/js/vue-dev.js"></script>
<script src="${domainStaticUrl}/js/jquery-2.1.3.min.js"></script>
<%--<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>--%>
<script type="text/javascript" src="${domainStaticUrl}/js/GalMenu.js"></script>
<script type="text/javascript">
    if('${domain}'!=''){
        var domain=JSON.parse('${domain}');
    }
    $(document).ready(function() {
        $('body').GalMenu({
            'menu': 'GalDropDown'
        })
    })
</script>
</html>
